<!DOCTYPE html>
<html>
	<head>
		
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="jquery.mobile-1.4.5/jquery.mobile-1.4.5.css">
		<link rel="stylesheet" href="jquery.mobile-1.4.5/jquery.mobile.icons-1.4.5.min.css">
		<script src="./jquery.mobile-1.4.5/jquery-1.11.1.min.js"></script>
		<script src="jquery.mobile-1.4.5/jquery.mobile-1.4.5.js"></script>
		
	</head>
	<body>
		<!--第一页-->
		<div id="pageOne" date-role="page">
			<div data-role="header">
			<h1>个人主页</h1>	
				<div data-role="navbar" data-iconpos="left">
			<ul>
				<li><a href="#pageOne" class="ui-btn-active ui-state-persist" data-icon="home">个人信息</a></li>
				<li><a href="#pageTwo" data-icon="star">专业特长</a></li>
				<li><a href="#pageThree" data-icon="grid">学习日志</a></li>
			</ul>
				</div>
			</div>
					<div data-role="main">
					<p>hello word</p>
					</div>
				<div data-role="footer" data-position="fixed">
			<h1>页脚</h1>
				</div>
		</div>
		
		
		<!--第二页-->
		<div id="pageTwo" data-role="page">
			<div data-role="header">
			<h1>个人主页</h1>	
				<div data-role="navbar" data-iconpos="left">
			<ul>
				<li><a href="#pageOne" data-icon="home">个人信息</a></li>
				<li><a href="#pageTwo" class="ui-btn-active ui-state-persist" data-icon="star">专业特长</a></li>
				<li><a href="#pageThree" data-icon="grid">学习日志</a></li>
			</ul>
				</div>
			</div>
					<div data-role="main">
					<p>HTML5</p>
					<p>JavaScript</p>
					</div>
				<div data-role="footer" data-position="fixed">
				<h1>页脚</h1>
				</div>
		</div>
		
		<!--第三页-->
		<div id="pageThree" data-role="page">
			<div data-role="header">
			<h1>个人主页</h1>	
				<div data-role="navbar" data-iconpos="left">
			<ul>
				<li><a href="#pageOne" data-icon="home">个人信息</a></li>
				<li><a href="#pageTwo" data-icon="star">专业特长</a></li>
				<li><a href="#pageThree" class="ui-btn-active ui-state-persist" data-icon="grid">学习日志</a></li>
			</ul>
				</div>
			</div>
					<div data-role="main">
						<p>大一：看美女</p>
						<p>大一：看美女</p>
						<p>大一：未知</p>
					</div>
				<div data-role="footer" data-position="fixed">
				<h1>页脚</h1>
				</div>
		</div>
	</body>
</html>
